<!DOCTYPE html>
<!-- release v4.4.4, copyright 2014 - 2017 Kartik Visweswaran -->
<!--suppress JSUnresolvedLibraryURL -->
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <title>picture</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <link rel="stylesheet" href="css/ymq/admin.css">
    <link href="css/ymq/footer.css" media="all" rel="stylesheet" type="text/css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>

</head>

<body style="padding-top: 50px">
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse ">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar"><span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">picture</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="index.html">上传图片</a></li>

                <li><a href="timeline.html">TimeLine</a>
                </li>
                <li><a href="http://www.ymq.io">Blog</a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right navbar-inverse">
                <li class="dropdown active "><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                                aria-haspopup="true" aria-expanded="false">控制面板 <span
                        class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li class="active"><a href="admin.html">图片管理</a>
                        </li>
                        <li><a href="oss.html">云存储设置</a>
                        </li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">更多功能,内测中</a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                        aria-haspopup="true" aria-expanded="false">欢迎：鹏磊 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">个人资料-开发中</a>
                        </li>
                        <li><a href="#">修改密码-开发中</a>
                        </li>
                    </ul>
                </li>
                <li><a href="#">退出</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div class="container kv-main" style="padding-top: 20px ;">

    <div>
        <p><span class="layui-breadcrumb"><a
                href="index.html">首页</a><a><cite>控制面板</cite></a><a><cite>图片管理</cite></a></span></p>
    </div>
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">

        <ul class="layui-tab-title">
            <li class="layui-this">瀑布流</li>
            <li>数据表格</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">

                <form class="layui-form" id="pForm">
                    <div class="demoTable">
                        名称：
                        <div class="layui-inline">
                            <input class="layui-input" name="name" autocomplete="off">
                        </div>
                        描述：
                        <div class="layui-inline">
                            <input class="layui-input" name="remark" autocomplete="off">
                        </div>
                        <button class="layui-btn layui-btn-normal" id="submitPForm" type="button">搜索</button>
                    </div>
                </form>

                </br>

                <div class="site-demo-flow">
                    <ul class="flow-default" id="pinterest">
                    </ul>
                </div>
            </div>
            <div class="layui-tab-item">

                <form class="layui-form" id="dForm">
                    <div class="demoTable">
                        名称：
                        <div class="layui-inline">
                            <input class="layui-input" name="name" autocomplete="off">
                        </div>
                        描述：
                        <div class="layui-inline">
                            <input class="layui-input" name="remark" autocomplete="off">
                        </div>
                        <button class="layui-btn  layui-btn-normal" id="submitDForm" type="button">搜索</button>
                    </div>
                </form>

                <table id="data_table" lay-filter="filterTool"></table>
            </div>
        </div>
    </div>
</div>




<!--layui-->
<script src="layui/layui.js" charset="utf-8"></script>

<!--clipboard-->
<script src="js/clipboard.min.js" charset="utf-8"></script>

<!--copy-->
<script src="js/ymq/copy.js" charset="utf-8"></script>

<!--通用的组件-->
<script src="js/ymq/common.js" charset="utf-8"></script>

<!--瀑布流-->
<script src="js/ymq/pinterest.js" charset="utf-8"></script>

<!--数据表格-->
<script src="js/ymq/data-table.js" charset="utf-8"></script>

<!--Instantiate clipboard -->

<footer class="footer  bs-docs-footer">
    <div class="container">
        <div class="row footer-top">
            <div class="col-sm-6 col-lg-6">
                <ul class="bs-docs-footer-links">
                    <li><a href="https://github.com/souyunku/file-manager">GitHub 仓库</a>
                    </li>
                    <li><a href="http://www.souyunku.com">实例</a>
                    </li>
                </ul>
                <p>本项目源码受 <a rel="license" href="https://github.com/souyunku/file-manager" target="_blank">MIT</a>开源协议保护，文档受
                    <a rel="license" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>
                    开源协议保护</p>
            </div>
            <div class="col-sm-6  col-lg-5 col-lg-offset-1">
                <div class="row about">
                    <div class="col-xs-3">
                        <h4>关于</h4>
                        <ul class="list-unstyled">
                            <li><a href="timeline.html">关于我们</a></li>
                            <li><a href="timeline.html">友情链接</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-3">
                        <h4>联系方式</h4>
                        <ul class="list-unstyled">
                            <li><a href="http://weibo.com/souyunku" title="Bootstrap中文网官方微博" target="_blank">新浪微博</a>
                            </li>
                            <li><a href="mailto:admin@souyunku.com">电子邮件</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-3">
                        <h4>作者博客</h4>
                        <ul class="list-unstyled">
                            <li><a href="http://www.ymq.io/" target="_blank">PengLei</a></li>
                            <li><a href="http://sf.gg./blog/penglei" target="_blank">PengLei `Blog</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-3">
                        <h4>赞助作者</h4>
                        <ul class="list-unstyled">
                            <li><a href="" target="_blank">微信</a></li>
                            <li><a href="" target="_blank">支付宝</a></li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
        <hr>
        <div class="row footer-bottom">
            <ul class="list-inline text-center">
                <li><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备15060021号-2</a></li>
            </ul>
        </div>
    </div>
    <!--数据表格下载按钮-->
    <a id="downloadImages" href="" style="display: none" download=""></a>
</footer>


</body>


<script type="text/html" id="copyURLTool">
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class="layui-this">HTML</li>
            <li>Markdown</li>
            <li>MarkdownWithLink</li>
            <li>URL</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <input id="copyHtml" type="text" style="width:320px; height:38px;  border: 1px solid #dce3e8;  color: #9d9d9d;" readonly="readonly" />
                <button style="margin: 10px 10px; border: 1px solid #FF5722; color: #FF5722;  " class="layui-btn layui-btn-primary" data-clipboard-action="copy" data-clipboard-target="#copyHtml" id="btnCopyHtml">复制</button>
            </div>
            <div class="layui-tab-item">
                <input id="copyMarkdown" type="text" style="width:320px; height:38px;  border: 1px solid #dce3e8;  color: #9d9d9d;" readonly="readonly" />
                <button style="margin: 10px 10px; border: 1px solid #FF5722; color: #FF5722;  " class="layui-btn layui-btn-primary"  data-clipboard-action="copy" data-clipboard-target="#copyMarkdown" id="btnCopyMarkdown">复制</button>
            </div>
            <div class="layui-tab-item">
                <input id="copyMarkdownWithLink" type="text" style="width:320px; height:38px;  border: 1px solid #dce3e8;  color: #9d9d9d;" readonly="readonly" />
                <button style="margin: 10px 10px; border: 1px solid #FF5722; color: #FF5722;  " class="layui-btn layui-btn-primary"  data-clipboard-action="copy" data-clipboard-target="#copyMarkdownWithLink" id="btnCopyMarkdownWithLink">复制</button>
            </div>
            <div class="layui-tab-item">
                <input id="copyURL" type="text" style="width:320px; height:38px;  border: 1px solid #dce3e8;  color: #9d9d9d;" readonly="readonly" />
                <button style="margin: 10px 10px; border: 1px solid #FF5722; color: #FF5722; " class="layui-btn layui-btn-primary"  data-clipboard-action="copy" data-clipboard-target="#copyURL" id="btnCopyURL">复制</button>
            </div>
        </div>
    </div>

</script>


<script type="text/html" id="barTool">
    <!--数据表格按钮组-->
    <div class="layui-btn-group">
        <button class="layui-btn layui-btn-primary layui-btn-mini" lay-event="d_btn_url_link">复制外链</button>
        <button class="layui-btn layui-btn-primary layui-btn-mini" lay-event="d_btn_download"><i style="color: #01AAED;" class="layui-icon">&#xe601;</i>下载</button>
        <button class="layui-btn layui-btn-primary layui-btn-mini" lay-event="d_btn_preview"><i style="color: #5FB878;" class="layui-icon">&#xe64a; </i>预览</button>
    </div> <a class="layui-btn layui-btn-normal layui-btn-mini" lay-event="d_btn_edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="d_btn_delete">删除</a>

</script>


<script type="text/html" id="updateFormTool">

    <form id="updateForm" class="layui-form" style="padding-top: 10px ;margin: 0 8px; ">
        <div class="layui-form-item">
            <input type="hidden" name="imagesId" id= "imagesId" />
            <input type="text" name="name" id="name" placeholder="请输入名称"  class="layui-input" />
        </div>
        <div class="layui-form-item">
            <input type="text" name="remark"   id="remark"  placeholder="请输入描述"  class="layui-input" />
        </div>
    </form>

</script>

<script type="text/html" id="pinterestTool">

<li name="pinterest">
    <img src="url" >
    <div  class="layui-btn-group" style="margin-top: -25px" >
        <button value= "pinterestImagesId" onclick="methodType(this,1)" class="layui-btn layui-btn-primary layui-btn-mini"><i class="layui-icon">&#xe641;</i>复制外链</button>
        <a href="url" download="imageName"> <button value= "pinterestImagesId" class="layui-btn layui-btn-primary layui-btn-mini"><i style="color: #01AAED;" class="layui-icon">&#xe601;</i>下载</button></a>
        <button value= "pinterestImagesId" onclick="methodType(this,2)" class="layui-btn layui-btn-primary layui-btn-mini"><i style="color: #5FB878;" class="layui-icon">&#xe64a;</i>预览</button>
        <span id= "pinterestImagesId" style="display:none;">resData</span>
      </div>
</li>
</script>

</html>